<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>default</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css">
    <link href="css/style.css" rel="stylesheet">
    <link href='css/style01.css' rel='stylesheet' type='text/css'>
    <link href='css/style02.css' rel='stylesheet' type='text/css'>
    <link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
	<div id="container">
        <div id="canvas">
            <div id="nav">
                <h2 id="title"><i class="fa fa-sitemap"></i> 菜单</h2>
                    <ul id="toggle">
                    <li>
                        <div class="active border">
                            <span class="menu-icons fa fa-home"></span>   <a href="#">主页</a>
                        </div>
                    </li>

                    <li>
                        <div>
                            <span class="menu-icons  fa fa-user"></span>   <a href="#">关于我</a>
                            <span class="the-btn fa fa-plus"></span>
                            </div>
                        <ul>
                            <li>
                                <a href="#">自我介绍</a>
                            </li>
                            <li>
                                <a href="#">我的学校</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <div>
                            <span class="menu-icons  fa fa-briefcase"></span>
                                <a href="#">练习册</a><span class="the-btn fa fa-plus"></span>
                        </div>
                        <ul>
                            <li>
                                <a href="章节目录/第一章.html">第一章</a>
                            </li>
                            <li>
                                <a href="章节目录/第二章.html">第二章</a>
                            </li>
                            <li>
                                <a href="章节目录/第三章.html">第三章</a>
                            </li>
                            <li>
                                <a href="章节目录/第四章.html">第四章</a>
                            </li>
                            <li>
                                <a href="章节目录/第五章.html">第五章</a>
                            </li>
                            <li>
                                <a href="章节目录/第六章.html">第六章</a>
                            </li>
                            <li>
                                <a href="章节目录/第七章.html">第七章</a>
                            </li>
                            <li>
                                <a href="章节目录/第八章.html">第八章</a>
                            </li>
                            <li>
                                <a href="章节目录/第九章.html">第九章</a>
                            </li>
                            <li>
                                <a href="章节目录/第十章.html">第十章</a>
                            </li>
                            <li>
                                <a href="#">第十一章</a>
                            </li>
                        </ul>
                    </li>
                </ul>
             </div>
            <a href="#" class="toggle-nav" id="bars"><i class="fa fa-bars"></i></a>
            <div class="htmleaf-container">
				<header class="htmleaf-header">
					<h1>JavaScript 课 程 作 业 <span>JavaScript assignment</span></h1>
					<br><br><br><br><br><br>
				</header>
				<h3>
                    Always bear in mind that your own resolution to success is more important than anything else.</h3>
	            <div><br><br>
                    <h3>永 远 记 住，你 自 己 决 心 成 功 比 其 它 什 么 都 重 要</h3>
                </div>
                <div class="message">
                    <h3>姓名:&nbsp;&nbsp;高立卫</h3>
                    <h3>学号:&nbsp;&nbsp;181164176</h3>
                    <h3>班级:&nbsp;&nbsp;18级移动三班</h3>
                    <h3>老师:&nbsp;&nbsp;黄海平老师</h3>
                </div>
			</div>
       </div>
    </div>
	

    <script src="js/jquery.min.js"></script>
    <script src="js/custom.js"></script>
</body>
</html>